<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" />
<%@ include file="/commons/jsp/taglibs.jsp"%>
<%@taglib prefix="frame" uri="http://www.framework.com/taglib"%>
<html>
<head>
<title>公共平台</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 样式文件的引入 -->
<link href="${ctx}/commons/css/style.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" type="text/css"
	href="${ctx}/commons/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="${ctx}/commons/themes/icon.css" />
<link href="${ctx}/commons/js/uploadify/uploadify.css" rel="stylesheet"
	type="text/css" />

<!-- jqueryUI JS文件的引入 -->
<script type="text/javascript"
	src="${ctx}/commons/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript"
	src="${ctx}/commons/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${ctx}/commons/js/easyui-extends-validate.js"></script>
<script type="text/javascript"
	src="${ctx}/commons/js/uploadify/jquery.uploadify.min.js"></script>
<!-- 开发使用的公用js方法 -->
<script type="text/javascript" src="${ctx}/commons/js/common.js"></script>
<!-- jqueryUI国际化 -->
<script type="text/javascript"
	src="${ctx}/commons/js/easyui-lang-zh_CN.js"></script>
<!-- 开发国际化的引用，主要完成后台信息在前台提示的国际化，一定要放在最后 -->
<script type="text/javascript">
	var ctx = '${ctx}';
	var actionExt = "action";
	var i18n = new Object();
</script>
<script src="${ctx}/commons/js/i18n/message_zh_CN.js"
	type="text/javascript"></script>
</head>
<body>
	 <div class="easyui-layout" data-options="fit:true,border:false" >
			<div data-options="region:'north',border:false" style="padding: 4px;height: 50px;overflow: hidden;">
		
			</div>
		<div data-options="region:'center',border:false" style="padding: 4px;">
		    <table class="infoTable" style="margin: 30px auto;width: 80%;">
		     <tbody>
		        <tr>
					<td align="center" width="100%" colspan="3"><h1>协议保证金统计</h1></td> 
				</tr>
		        <tr>
		            <td style="background-color: #EDF4FB;" align="center" width="33%">序号</td> 
					<td style="background-color: #EDF4FB;" align="center" width="33%">服务类型</td> 
					<td style="background-color: #EDF4FB;" align="center" width="34%">人数</td> 
				</tr>
				<c:forEach var="depositCategory" items="${list}" varStatus="status">
                <tr>
                    <td align="center" width="25%">${status.index + 1}</td> 
					<td align="center" width="25%">${depositCategory.name}</td> 
					<td align="center" width="25%">${depositCategory.count}</td>
                </tr>            
                </c:forEach>
                <tr>
					<td align="center" width="100%" colspan="3">
					  <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-export" onclick="excelexport()"  plain="true">导出到Excel</a>
                    </td> 
				</tr>
			 </tbody>
		   </table>       
		</div>
	</div>
	    <form action=""></form>
	    <input type="hidden" id="excel_error" value="${requestScope.excel_error }"/>
			<script type="text/javascript">
				//导出
				function excelexport(){
					$("form").attr("action","${ctx}/business/auctionReport/protocolDepositExport")
					$("form").submit();
					var val=$("#excel_error").val();
					if(val!=""){//不为空提示错误消息
						 $.messager.alert("操作提示", val,"error");  
					}
				}
				
		    </script>
</body>

</html>

